/*------------------------------------*
    #TEXTBOX
/*------------------------------------*

.textbox
  position: relative
  +inline-block()
  & .textbox-text
    +inline-block()
    height: 100%
    padding: $padding-small-vertical
    background-color: $textbox-bg-color
    border: none
    +border-radius (2px)
    +transition(background-color, 0.28s, ease-out)
    font-weight: 300
    font-size: 12px
    &:focus
      background-color: #d7d7d7
      color: #000
      +transition(background-color, 0.28s, ease-in)
      outline: none

.textbox-invalid
  & .validatebox-invalid,
  & .textbox-text
    background-color: lighten($brand-warning, 20%)
    color: $brand-warning

.textbox-prompt
  color: #BDBCBC

.textbox-button-right,
.textbox-button-left
  background-color: #D7D7D7
  color: #525050

.textbox-button-right
  +border-right-radius(2px)
  +border-left-radius(0)

.textbox-button-left
  +border-left-radius(2px)
  +border-right-radius(0)

.textbox .textbox-button
  position: absolute
  top: 0
  float: left
  margin-right: 4px
  vertical-align: middle

.textbox-addon
  position: absolute
  top: 0
  & .textbox-icon
    display: table
    background-color: #d7d7d7
    &::before
      display: table-cell
      vertical-align: middle

.textbox-addon-left
  margin-left: 2px
  & .textbox-icon
    +border-left-radius(2px)
    +border-right-radius(0)

.textbox-addon-right
  margin-right: 2px
  & .textbox-icon
    +border-left-radius(0)
    +border-right-radius(2px)

.datebox
  & .textbox-addon-right
    margin-right: 0
  & .textbox-addon-left
    margin-left: 0

.combo
  & .textbox-addon-right
    margin-right: 0
  & .textbox-addon-left
    margin-left: 0

.textbox-icon
  text-align: center
  color: #c0c0c0

.textbox-icon-disabled,
.textbox-icon-readonly
  cursor: default

.textbox-icon-disabled
  &:hover
    cursor: default
